// 菜单
.el-menu-item,
.el-sub-menu__title {
    height: 60px !important;
    line-height: 60px !important;
}
.menu-title {
    font-size: 18px;
    color: $main-color;
    font-weight: 500;
}
.nest-menu {
    .menu-title {
        font-size: 16px;
    }
}
// 点击菜单时的样式
.el-menu {
    .el-menu-item.is-active {
        color: var(--el-color-primary);
        .menu-title,
        .ft-icon {
            color: var(--el-color-primary) !important;
        }
    }
    .el-menu-item:hover,
    .el-sub-menu__title:hover {
        background-color: #F1F7FE;
    }
}

// 弹窗
.backend-dialog {
    padding: 35px 26px;
    &-no-title {
        .el-dialog__header {
            display: none;
        }
    }
}

// 表单
.el-form {
    .el-form-item {
        margin-bottom: 18px;
        &:last-child {
            margin-bottom: 0;
        }
        &__label {
            font-size: 16px;
            color: #74726B;
            font-weight: 500;
            padding-right: 16px;
        }
        &__content {
            .el-input__wrapper,
            .el-select__wrapper {
                border-radius: 4px;
                border: 1px solid #D8D8D8;
                box-shadow: none;
                .el-input__inner,
                .el-range-input {
                    color: $main-color;
                    font-size: 16px;
                    text-align: left;
                    &::placeholder {
                        color: $auxiliary-color;
                    }
                }
                .el-range-input {
                    text-align: center;
                }
                &:hover {
                    box-shadow: none;
                }
            }
            .el-textarea__inner {
                border: 1px solid #D8D8D8;
                box-shadow: none;
                border-radius: 4px;
                color: $main-color;
                font-size: 16px;
                &::placeholder {
                    color: $auxiliary-color;
                }
            }
        }
        &.is-error {
            .el-input__wrapper {
                border-color: #f56c6c;
                box-shadow: none;
            }
        }
        &__error {
            color: #f56c6c;
        }
        &.is-required {
            .el-form-item__label::before{
                color: #f56c6c !important;
            }
        }
    }
}

// 复选框
.el-checkbox-group {
    .el-checkbox {
        .el-checkbox__inner {
            width: 18px;
            height: 18px;
            border-color: #808080;
        }
        .el-checkbox__label {
            color: $main-color;
            font-size: 16px;
        }
        &.is-checked {
            .el-checkbox__inner {
                background-color: #080404;
                border: 0;
                &::after {
                    width: 6px;
                    left: 6px;
                    height: 10px;
                }
            }
            .el-checkbox__label {
                color: $main-color;
            }
        }
    }
}

// 单选框
.el-radio-group {
    .el-radio {
        .el-radio__inner {
            width: 18px;
            height: 18px;
            border-color: #808080;
            border-radius: 0;
        }
        .el-radio__label {
            color: $main-color;
            font-size: 16px;
        }
        &.is-checked {
            .el-radio__inner {
                background-color: #080404;
                border: 0;
                &::after {
                    box-sizing: content-box;
                    content: "";
                    border: 1px solid #fff;
                    border-left: 0;
                    border-top: 0;
                    position: absolute;
                    top: 1px;
                    transition: transform 0.15s ease-in 0.05s;
                    transform-origin: center;
                    border-color: #fff;
                    transform: rotate(45deg) scaleY(1);
                    width: 6px;
                    left: 6px;
                    height: 10px;
                    border-radius: 0;
                    background: transparent;
                }
            }
            .el-radio__label {
                color: $main-color;
                font-size: 16px;
            }
        }
    }
}

// 确定弹窗
.el-message-box {
    padding: 16px 15px !important;
    &__header {
        .el-message-box__title {
            color: $main-color;
            font-weight: 500;
            padding-left: 11px;
            padding-top: 12px;
        }
    }
    &__content {
        padding-left: 11px;
        padding-top: 12px;
        .el-message-box__status {
            display: none;
        }
    }
    &__btns {
        margin-top: 20px;
    }
}